@import "common";

.wrap {
    main {
        // 套餐具体分类
        .packages {
            width: 65%;
            margin: vw(50) auto;
            .container {
                width: 100%;
                height: vw(500);
                display: flex;
                justify-content: space-between;
                .pac-box {
                    width: 33.33%;
                    border: 1px solid #efefef;
                    .pac-title {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding: 10px 0px;
                        background-color: rgb(239, 239, 239);
                        border-left: 1px solid white;
                        border-right: 1px solid white;
                        .pacImg {
                            width: 20%;
                            cursor: pointer;
                            img {
                                height: vw(85);
                            }
                            &:hover {
                                transform: scale(1.1);
                            }
                        }
                        p {
                            text-align: center;
                            font-size: vw(26);
                            font-weight: bold;
                            color: $color;
                        }
                    }
                    .pacText {
                        height: 60%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        margin-top: vw(30);
                        color: #62605e;
                        font-size: vw(22);
                        overflow: auto;
                        &::-webkit-scrollbar {
                            /*隐藏滚轮*/
                            display: none;
                        }
                        ul {
                            li {
                                margin-bottom: vw(6);
                                cursor: pointer;
                                &:hover {
                                    color: $color;
                                    transform: scale(1.05);
                                }
                            }
                        }
                    }
                }
            }
        }

        .bigImg {
            width: 70%;
            margin: vw(20) auto;
        }

        .notice {
            width: 70%;
            margin: 0 auto vw(20);
            @extend %titleStyle;
            .known {
                padding-top: 20px;
                span {
                    font-size: vw(26);
                    font-weight: bold;
                    color: $color;
                }
                p {
                    color: #62605e;
                    font-size: vw(18);
                    line-height: vw(36);
                }
            }
        }
    }
}
